<template>
  <div class="dialag_box db">
      <div class="flex">
      <div class="container bg-fff">
        <div class="name tac">注销账号</div>
        <div class="con">
          注销账号后，在平台上账号/密码/ 资产等个人资料将被删除，将无法 登录。
          <span>您确定要注销此账号？</span>
        </div>
        <div class="b db">
          <div class="flex">
            <button>取消</button>
          </div>
          <div class="flex">
            <button class="btn">确定</button>
          </div>
        </div>
      </div>
      </div>
  </div>
</template>
<script>
  export default {
    data(){
      return{
      }
    },
    name:"titleCenter",
    props:{
      is_mt:{
        default:""
      },
      is_bg:{
        default:"true"
      },
      is_back:{
        default:"true"
      },
      titleSize:{
        default:"主页",
      },
      titleRight:{
        default:""
      },
      routerGo: {
        type: String,
        default: "",
      },
      is_holdBack: {
        type: Boolean,
        default: false
      },
    },
    methods:{
      preserve(){
        this.$emit('preserve')
      },
      go_back(){
        if(this.is_holdBack){
          this.$emit('handleParentFn')
        }else{
          if (this.routerGo == "")
          {
            this.$router.go(-1);
          } else {
            this.$router.push(this.routerGo);
          }
        }
      }
    }
  }
</script>
<style lang="less" scoped>
  .dialag_box {
    position: fixed;top:0;left:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 101;
    .container {
      width: 6rem;
      margin: 0 auto;
      border-radius: .12rem;
      padding: .4rem .58rem;
      .name {
        font-size: .32rem;
        font-weight: 500;
        color: #1b1f2e;
        line-height: .35rem;
      }
      .con {
        padding: .2rem 0;
        font-size: .26rem;
        font-weight: 400;
        color: #14191f;
        line-height: .35rem;
        span {
          color: #999;
          display: block;
          margin: .2rem 0 0 0;
        }
      }
      .b {
        margin: 0 -.1rem;
        .flex {
          padding: 0 .1rem;
        }
        button {
          height: .76rem;
          display: block;
          width: 100%;
          background: linear-gradient(-90deg,rgba(5,59,194,0.1)0%, rgba(34,149,237,0.1) 100%);
          border-radius: .12rem;border:0;
          color: #2A64E4;
        }
        .btn {
          opacity: 1;
          color: #fff;
          background: linear-gradient(-90deg,#053bc2 0%, #2295ed 100%);
        }
      }
    }
  }
</style>
